<template>
    <div class="hxjfqapplyItem">
        <el-row>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <span class="el-form-item-span-label">惠享金分期申请卡号:</span>
                        <span class="el-form-item-span">{{SUCCESSDATA.CARDNBR}}</span>
                    </div>
                </div>
            </el-col>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <span class="el-form-item-span-label">借记卡卡号:</span>
                        <span class="el-form-item-span">{{SUCCESSDATA.DCARDNBR}}</span>
                    </div>
                </div>
            </el-col>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <span class="el-form-item-span-label">惠享金分期申请金额:</span>
                        <span class="el-form-item-span">{{SUCCESSDATA.LNAMT }}</span>
                    </div>
                </div>
            </el-col>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <span class="el-form-item-span-label">贷款天数:</span>
                        <span class="el-form-item-span">{{SUCCESSDATA.LNDAYS }}</span>
                    </div>
                </div>
            </el-col>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <span class="el-form-item-span-label">贷款到期日:</span>
                        <span class="el-form-item-span">{{SUCCESSDATA.PAYCFDAY }}</span>
                    </div>
                </div>
            </el-col>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <span class="el-form-item-span-label">贷款息费率:</span>
                        <span class="el-form-item-span">{{SUCCESSDATA.FEERATE }}</span>
                    </div>
                </div>
            </el-col>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <span class="el-form-item-span-label">贷款每日费用:</span>
                        <span class="el-form-item-span">{{SUCCESSDATA.DAYFEE }}</span>
                    </div>
                </div>
            </el-col>
            <el-col :span="20" :offset="1">
                <div class="text_center width30">
                    <div class="el-form-item-span-wrap">
                        <div class="text_span text_center">惠享金分期申请成功!</div>
                    </div>
                </div>
            </el-col>
        </el-row>
        <div class="text_center margin_top20">
            <el-button type="primary" size="small" @click="applicationRecords">分期付款申请记录</el-button>
            <el-button size="small" @click.native="handleClose">关闭</el-button>
        </div>
    </div>
</template>

<script>
import { closePage, getBusinessMenuId } from '@/utils/Common';
import { mapState } from 'vuex';
export default {
    name: 'hxjfqapplyItem',
    props: {
        SUCCESSDATA: {
            type: Object,
        },
    },
    data() {
        return {
            MenuId: '',
        };
    },
    computed: {
        ...mapState({
            businessMenu: state => state.menu.businessMenu,
        }),
    },
    methods: {
        // 点击关闭
        handleClose() {
            closePage(this.$route, this, 1);
        },
        applicationRecords() {
            this.MenuId = getBusinessMenuId('/carPeriodic/mptransrecordqry', this.businessMenu);
            console.log('this.MenuId____', this.MenuId);
            this.$router.push({ name: 'mptransrecordqry', path: '/carPeriodic/mptransrecordqry', params: { id: this.MenuId } });

        },
    },
};
</script>
<style lang='scss'>
.hxjfqapplyItem {
    .text_span {
        margin: 15px 20px;
        font-size: 16px;
    }
    .text_center {
        padding-top: 15px;
    }
    .text_fl {
        margin-bottom: 5px;
    }
}
</style>
